<template>
  <div>
    <h1>App..</h1>
    <Child :name="person.name" :age="person.age" :gender="person.gender" :hobby="person.hobby" />
    <Button @click="handleClick">确定</Button>

    <A :name="person.name" :age="person.age" @click="handleClick" />
  </div>
</template>

<script>
import Child from "./Child.vue";
import Button from "./components/Button.vue";
import A from "./A.vue";

export default {
  name: "App",
  data() {
    return {
      person: {
        name: "年轻的静哥",
        age: 18,
        gender: "男",
        hobby: "女",
      },
    };
  },
  methods: {
    handleClick() {
      console.log("111");
    },
  },
  components: {
    Child,
    Button,
    A,
  },
};
</script>

<style>
.btn {
  color: yellowgreen;
}
</style>
